import store from '@/store'
import config from '@/common/config.js'
let isRefreshToken = false
// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
// 同时，我们也可以在此使用getApp().globalData，如果你把token放在getApp().globalData的话，也是可以使用的
const install = (Vue, vm) => {
	Vue.prototype.$u.http.setConfig({
		baseUrl: config.domain || '',
		method: 'POST',
		// 设置为json，返回后会对数据进行一次JSON.parse()
		dataType: 'json',
		showLoading: true, // 是否显示请求中的loading
		loadingText: '请求中...', // 请求loading中的文字提示
		loadingTime: 500, // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms
		originalData: true, // 是否在拦截器中返回服务端的原始数据 设置为true后，就需要在this.$u.http.interceptor.response进行多一次的判断，请打印查看具体值
		loadingMask: true, // 展示loading的时候，是否给一个透明的蒙层，防止触摸穿透
		// 配置请求头信息
		header: {
			"Content-Type": "application/json"
		},
	})
	// 请求拦截，配置Token等参数
	Vue.prototype.$u.http.interceptor.request = (config) => {
		// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的
		// 所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
		if (store.state.loginInfo && 
			!config.url.endsWith('/api/v1/auth/login') &&
			!config.url.endsWith('/api/v1/auth/register')) {
			const loginInfo = uni.getStorageSync('loginInfo')
			config.header.Authorization = "Bearer " + loginInfo.token
		}
		// 最后需要将config进行return
		return config;
		// 如果return一个false值，则会取消本次请求
		// if(config.url == '/user/rest') return false; // 取消某次请求
	}
	
	// 响应拦截，判断状态码是否通过
	Vue.prototype.$u.http.interceptor.response = async (res) => {
		console.log(`请求响应:`, res)
		if(res.header.authorization) {
			const data = {
				token: res.header.authorization,
				expiresAt: parseInt(res.header.expiresat)
			}
			await store.dispatch('updateTokenAction', data)
		}
		if (res.statusCode == 200) {
			if(res.data.status_code == 200) {
				// res为服务端返回值，可能有code，result等字段
				// 这里对res.result进行返回，将会在this.$u.post(url).then(res => {})的then回调中的res的到
				// 如果配置了originalData为true，请留意这里的返回值
				return res.data;
			} else if(res.data.status_code == 401) {
				// 假设401为token失效，这里跳转登录
				store.dispatch('logout', false)
				uni.reLaunch({
					url: "/pages/auth/login/login"
				})
				return false;
			} else {
				// 如果返回false，则会调用Promise的reject回调，
				// 并将进入this.$u.post(url).then().catch(res=>{})的catch回调中，res为服务端的返回值
				uni.showToast({
					icon: 'none',
					title: res.data.message
				});
				return false;
			}
		} else {
			uni.showToast({
				icon: 'none',
				title: '网络不给力'
			})
			return false;
		}	
	}
}
export default {
	install
}